export const dyRoutes = [
  {
    path: "/",
    name: "Home",
    meta: {
      title: "主页",
    },
    // component: () => import("@/views/Home.vue"),
    component: "Home",
  },
  // vue
  {
    path: "/vue",
    name: "vue",
    meta: {
      title: "vue学习",
    },
    children: [
      {
        path: "/VueArrow",
        name: "VueArrow",
        meta: {
          title: "vue-箭头函数",
        },
        // component: () => import("@/views/VueStudy/arrowFuc.vue"),
        component: "VueStudy/arrowFuc",
      },
      {
        path: "/VueIdRouter",
        name: "VueIdRouter",
        meta: {
          title: "vue-动态传值",
        },
        // component: () => import("@/views/VueStudy/VueIdRouter.vue"),
        component: "VueStudy/VueIdRouter",
      },
      {
        path: "/fatherSon",
        name: "fatherSon",
        meta: {
          title: "父子通信",
        },
        // component: () => import("@/views/VueStudy/fatherSon.vue"),
        component: "VueStudy/fatherSon",
      },
      {
        path: "/attrs",
        name: "attrs",
        meta: {
          title: "$attrs使用",
        },
        // component: () => import("@/views/VueStudy/attrs_father.vue"),
        component: "VueStudy/attrs_father",
      },
      {
        path: "/shuangXiang",
        name: "shuangXiang",
        meta: {
          title: "vuw2vue3双向绑定",
        },
        // component: () => import("@/views/VueStudy/vuw2vue3shaungXiang.vue"),
        component: "VueStudy/vuw2vue3shaungXiang",
      },
      {
        path: "/apkAnaly",
        name: "apkAnaly",
        meta: {
          title: "apk包转为zip解析位数",
        },
        // component: () => import("@/views/VueStudy/apkAnaly.vue"),
        component: "VueStudy/apkAnaly",
      },
    ],
  },
  // ts
  {
    path: "/ts",
    name: "ts",
    meta: {
      title: "ts学习",
    },
    children: [
      {
        path: "/TsBase",
        name: "TsBase",
        meta: {
          title: "ts基础知识",
        },
        // component: () => import("@/views/TsStudy/TsBase.vue"),
        component: "TsStudy/TsBase",
      },
    ],
  },
  // css
  {
    path: "/css",
    name: "css",
    meta: {
      title: "css学习",
    },
    children: [
      {
        path: "/CSSBase",
        name: "CSSBase",
        meta: {
          title: "css基础知识",
        },
        // component: () => import("@/views/CSSStudy/CSSBase.vue"),
        component: "CSSStudy/CSSBase",
      },
    ],
  },
  //webpack
  {
    path: "/webpack",
    name: "webpack",
    meta: {
      title: "webpack学习",
    },
    children: [
      {
        path: "/webpackHot",
        name: "webpackHot",
        meta: {
          title: "webpack 热加载",
        },
        // component: () => import("@/views/WebpackStudy/webpackHot.vue"),
        component: "WebpackStudy/webpackHot",
      },
    ],
  },
  // vite
  {
    path: "/vite",
    name: "vite",
    meta: {
      title: "vite学习",
    },
    children: [
      {
        path: "/viteBase",
        name: "viteBase",
        meta: {
          title: "vite基础知识",
        },
        // component: () => import("@/views/ViteStudy/viteBase.vue"),
        component: "ViteStudy/viteBase",
      },
    ],
  },
  //node
  {
    path: "/node",
    name: "node",
    meta: {
      title: "node学习",
    },
    children: [
      {
        path: "/nodeBase",
        name: "nodeBase",
        meta: {
          title: "node基础知识",
        },
        // component: () => import("@/views/NodeStudy/nodeBase.vue"),
        component: "NodeStudy/nodeBase",
      },
    ],
  },
  //性能优化
  {
    path: "/performanceOptinization",
    name: "performanceOptinization",
    meta: {
      title: "性能优化",
    },
    children: [
      {
        path: "/debounceAndThrottle",
        name: "debounceAndThrottle",
        meta: {
          title: "防抖/节流",
        },
        // component: () =>
        //   import(
        //     "@/views/PerformanceOptinizationStudy/debounceAndThrottle.vue"
        //   ),
        component: "PerformanceOptinizationStudy/debounceAndThrottle",
      },
    ],
  },
];
